<template>
    <div class="fatec">
        <!-- 头部 -->
        <InsideHeader :bannerType="bannerType"></InsideHeader>
       
        <!-- 面包屑 -->
        <!-- <crumb></crumb> -->
        <div class="crumb">
            <div class="block">  
                <div class="crumbL">
                    <nuxt-link :to="{name: 'index'}">首页</nuxt-link>
                    <em>></em>
                    <nuxt-link :to="{name: 'serve-serveList'}">服务支持</nuxt-link>
                    <em>></em>
                    <nuxt-link :to="{name: 'serve-culCenter'}">培训中心</nuxt-link>
                    <em>></em>
                    <nuxt-link :to="{name: 'serve-fatec'}" class="on">FATEC</nuxt-link>
                    <div class="clear"></div>
                </div>
                <div class="clear"></div>
            </div>
        </div>


        <div class="block">

            <div class="content">
                <div class="title">
                    <span>FATEC</span>
                </div>
                <div class="article" style="font-size:14px;color:#666;line-height:26px;">
                    FATEC培训课堂提供三菱电机自动化各类产品的培训，包括可编程控制器课程、伺服系统控制器课程、AC伺服课程、变频器课程、人机界面课程、工业机器人课程等。
                    FATEC培训不仅由具有多年现场调试经验的工程师担任讲师，更提供了丰富的培训设备供学员现场实际学习操作。
                    在北京、天津、西安、成都、上海、广州，共6个三菱电机自动化（中国）有限公司的分公司设有FA培训中心。
                    在北京、郑州、青岛、南京、无锡、苏州、张家港、上海、杭州、深圳、广州、东莞等多地设立授权技术培训站。
                    经FA培训中心及授权技术培训站--授权讲师培训并通过考核的学员，由三菱电机统一颁发FATEC培训证书。
                </div>
                <div class="seek">
                    <div class="form">
                        <div class="title">
                            搜索条件
                        </div>
                        <form action="">
                            <div class="formItem">
                                <div class="left">
                                    地点：
                                </div>
                                <div class="right">
                                    <select class="formItemSel">
                                        <option>请选择</option>
                                    </select>
                                    <!-- <el-select v-model="value" placeholder="请选择" style="width: 100%">
                                        <el-option
                                                v-for="item in options"
                                                :key="item.value"
                                                :label="item.label"
                                                :value="item.value">
                                        </el-option>
                                    </el-select> -->
                                </div>
                            </div>
                            <!-- <div class="formItem">
                                <div class="left">
                                    产品：
                                </div>
                                <div class="right">
                                    <el-select v-model="value" placeholder="请选择" style="width: 100%">
                                        <el-option
                                                v-for="item in options"
                                                :key="item.value"
                                                :label="item.label"
                                                :value="item.value">
                                        </el-option>
                                    </el-select>
                                </div>
                            </div> -->
                            <div class="formItem">
                                <div class="left">
                                    课程：
                                </div>
                                <div class="right">
                                    <select class="formItemSel">
                                        <option>请选择</option>
                                    </select>
                                    <!-- <el-select v-model="value" placeholder="请选择"style="width: 100%" >
                                        <el-option style="width: 100%"
                                                   v-for="item in options"
                                                   :key="item.value"
                                                   :label="item.label"
                                                   :value="item.value">
                                        </el-option>
                                    </el-select> -->
                                </div>
                            </div>
                            <div class="hunt">
                                <img src="../../static/newsImg/seek.png">
                            </div>
                            <div class="clear"></div>
                        </form>
                    </div>
                </div> 
                <div class="list">
                        <ul>
                            <li v-for="(item,index) in fateclistdata":key="index">
                                <div class="title">
                                    <p>{{item.courseName}}</p>
                                </div>
                                <div class="msg">
                                    <div class="left">
                                        <p>{{item.courseIntroduction}}</p>
                                        <p>招生人数：{{item.enrolmentNo}}</p>
                                        <p>费用：{{item.courseFee}}</p>
                                    </div>
                                    <div class="right">
                                        <a @click="lessonDetail(item.oid)">
                                            了解详情
                                        </a>
                                    </div>
                                </div>
                            </li>
                           
                        </ul>
                </div>
            </div>
            <div class="moreCord">
                <div @click="modi">没有我要的课程，请点击
                        <img v-if="opt" src="../../static/newsImg/towCode.png">
                </div>
            </div>
        </div>

        <div class="fatecUp" @click="fatecUp()">
            <img src="../../static/newsImg/s.png">
        </div>

        <!-- 链接 -->
        <Insidelink></Insidelink>

        <!-- 底部 -->
        <HomeHooter></HomeHooter>
    </div>

</template>

<script>
    import qs from 'qs';
    import $ from "jquery";
    import "@/assets/css/news.css";
    import InsideHeader from "@/components/head";
    import HomeHooter from "@/components/footer";
    import crumb from "@/components/crumb";
    import Insidelink from "@/components/link";
    export default {
        name: "fatec",
        components: {
            InsideHeader,
            HomeHooter,
            crumb,
            Insidelink,
        },
        data(){
            return{
                bannerType:'certificateW',
                opt:false,
                options: [{
                    value: '选项1',
                    label: ''
                }, {
                    value: '选项5',
                    label: ''
                }],
                value: '',
                fateclistdata:[],
                uploadurl:''
            }
        },
        methods:{
            modi(){
                this.opt=!this.opt
            },
            fatecUp() {
                $('html,body').animate({'scrollTop':0},500);
            },
              //产品菜单
            getFatecCoursePageFuc(){
              let id = this.$axios,
              params = qs.stringify({
                page:1,
                limit:10,
                productCode:''
              });
              this.$api.serve.getFatecCoursePage(id, params).then(res => {
                let result = res.data;
                if (result.code === 1) {
                  this.fateclistdata=result.data.data
                }
              });
            },
            lessonDetail(oid){
               this.$router.push({ name: 'serve-practiceCourse',query:{id:oid}}) 
            }
        },
        created(){
          //  this.uploadurl=this.comsys.uploadurl()
            this.getFatecCoursePageFuc()
        }
    }
</script>

<style scoped>

</style>
